let vm = new Vue({
  // 挂载节点
  el: '#app',
  // 挂载数据
  data: {
    list: [{
      isChecked: false,
      url: 'images/1.jpg',
      title: '漂亮的衣服',
      price: 50,
      count: 1,
      id: 1,
    }, {
      isChecked: false,
      url: 'images/2.jpg',
      title: '漂亮的鞋子',
      price: 500,
      count: 2,
      id: 2,
    }, {
      isChecked: false,
      url: 'images/3.jpg',
      title: '漂亮的头发',
      price: 100,
      count: 1,
      id: 3,
    }, {
      isChecked: false,
      url: 'images/4.jpg',
      title: '漂亮的电扇',
      price: 33,
      count: 1,
      id: 4,
    }]
  },
  // 挂载方法
  methods: {

  },
  // 计算属性
  computed: {
    // 全选
    totalCheck: {
      // 获取
      get() {
        // 通过数据方法every 实现全选
        // 如果有一个isChecked值为假 则返回false
        // 全部为真则返回真值
        return this.list.every(item => {
          return item.isChecked
        })
      },
      // 修改
      set(val) {
        // 让每一单选框的状态等于全选的状态
        this.list.forEach(item => item.isChecked = val)
      }
    },
    // 总数量
    totalCount() {
      // 结果 
      let count = 0;
      // 循环数据
      this.list.forEach(item => {
        // 判断是否被选中
        if (item.isChecked) {
          // 数量累加
          count += item.count
        }
      })

      // 返回结果
      return count
    },
    // 总价钱
    totalPrice() {
      let price = 0;
      this.list.forEach(item => {
        if (item.isChecked) {
          price += item.price * item.count
        }
      })
      return price
    }
  }
})


